<template>
  <!-- 标签导航区 -->
  <div class="main-navigation">
    <button class="navigation-abel" >制作报告</button>
    <i class="el-icon-arrow-right"></i>
    <button class="navigation-abel">{{this.Xuexidata}}</button>
  </div>
</template>

<script>
export default {
  props:{
    Xuexidata:{}
  },
    methods:{
    }
}
</script>

<style>
/* 页面 */


/* 标签导航区内容 */
.main-navigation {
  margin: 1.25rem;
  display: flex;
  margin: 0 28.125rem 0 28.125rem;
  flex-direction: row;
}
.el-icon-arrow-right{
  color:darkgray;
  font-size: 1.5625rem;
  padding: .4375rem;
}
.navigation-abel1{
  width: 6.25rem;
  border-radius: 1.5625rem;
  border: 0rem; 
  padding: .625rem;
  line-height: .9375rem;
  font-size: 1.25rem;
}

/* 导航标签 */
.navigation-abel {
   line-height: 1.5625rem;
  font-size: 1.25rem;
  border-radius: 1.5625rem;
  padding: .5rem 1.3125rem .5rem 1.375rem;
  border: 0rem;
  background: #f2e5e5;
}

</style>